.container{
  padding-bottom: 120rpx;
  /*客户基本信息*/
  .customer_mes{
    border-top: 1px solid #f0f0f0;
    background-color: #fff;
    padding: 30rpx;
    .isShowMes{
      display: none;
    }
    .mes_type{
      display: flex;
      font-size: 30rpx;
      line-height: 70rpx;
      .title{
        width: 200rpx;
      }
      .mes{
        font-size: 28rpx;
        color:#666;
        image{
          width: 17rpx;
          height: 21rpx;
          margin:0 30rpx;
        }
      }
      .phone{
        width: 380rpx;
      }
      .clickPhone{
        margin-top: 6rpx;
        image{
          width:34rpx;
          height:34rpx;
        }
      }
    }
    .look_more{
        text-align: center;
        font-size: 26rpx;
        color:#999;
        margin-top: 20rpx;
    }
  }
  /*标题样式--通用*/
  .top_title{
    font-size: 38rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30rpx 0;
    .title_content{
      display: flex;
      align-items: center;
      .title_line{
        width:8rpx;
        height:40rpx;
        background-color:#0097ff;
        border-radius:2px;
      }
      text{
        margin: 0 10rpx 0 20rpx;
        font-weight: 600;
      }
      .title_point{
        width: 10rpx;
        height: 10rpx;
        background-color: #000;
        border-radius: 50%;
        display: inline-block;
      }
    }
    .more{
      font-size: 24rpx;
      color:#999;
    }
  }
  /*客户分析*/
  .customer_analysis{
    background-color: #fff;
    padding: 0 30rpx 10rpx;
    margin-top: 20rpx;
    .total_score{
      border-top:1px solid #e2e2e2;
      padding-top: 26rpx;
      position: relative;
      image{
        width: 690rpx;
        height: 250rpx;
      }
      .choice_change{
        font-size: 24rpx;
        position: absolute;
        top:0;
        left:0;
        switch{
          zoom:.8;
        }
      }
      .doubt{
        position: absolute;
        top:0;
        right:0;
        image{
          width: 36rpx;
          height: 36rpx;
        }
      }
      .total_score_type{
        position: absolute;
        top:56rpx;
        left:30rpx;
        color:#fff;
        text-align: center;
        .update_score{
          font-size: 26rpx;
          width: 630rpx;
          .title{
            font-size: 30rpx;
          }
          .score{
            font-size: 80rpx;
            line-height: 100rpx;
          }
        }

      }
    }
  }
  .analysis_detail{
    padding: 30rpx 30rpx 10rpx 30rpx;
    .detail_type{
      background-color: #fff;
      padding: 20rpx 0 16rpx 20rpx;
      font-size: 28rpx;
      color:#3b97fe;
      display: flex;
      align-content: center;
      border-radius: 10rpx;
      margin-bottom: 10rpx;
      position: relative;
      image{
        width: 82rpx;
        height: 82rpx;
        margin-right: 36rpx;
      }
      .title{
        width: 130rpx;
        margin-right: 70rpx;
      }
      .tips{
        color:#b1b1b3;
        font-weight: 700;
      }
      .score{
        position: absolute;
        top:6rpx;
        right:10rpx;
        z-index: 9;
      }
    }
    .analysis_isShow{
      display: none;
    }
    .analysis_more{
      font-size: 30rpx;
      color:#666;
      text-align: center;
    }
  }
  /*重要度分析介绍--弹窗*/
  .analysis_mask{
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    z-index: 99998;
    .analysis_maskContent{
      background-color: #fff;
      padding: 40rpx 30rpx 100rpx;
      font-size: 30rpx;
      position: fixed;
      top:50%;
      left: 50%;
      transform: translate(-50%,-50%);
      width: 80%;
      border-radius: 20rpx;
      .title{
        text-align: center;
        font-size: 40rpx;
        margin: 20rpx 0 30rpx;
      }
      view{
        margin-top: 10rpx;
      }
      icon{
        position: absolute;
        right:20rpx;
        top:20rpx;
      }
    }
  }
  /*标签*/
  .tip{
    background-color: #fff;
    padding: 0 30rpx 30rpx;
    margin-top: 20rpx;
    .remarks{
      background-color: #fff;
      font-size: 30rpx;
      textarea{
        border-top: 1px solid #f0f0f0;
        padding: 20rpx 0;
        width:100%;
        max-height: 120rpx;
      }
    }
    .bottom {
      font-size: 30rpx;
      .con{
        display: flex;
        flex-wrap: wrap;
        view{
          padding: 4rpx 16rpx;
          margin: 0 20rpx 20rpx 0;
          border-radius: 6rpx;
        }
        .type1{
          background-color: #edf9f5;
          color:#4bc59c;
        }
        .type2{
          background-color: #edf7fe;
          color:#4db2fa;
        }
        .type3{
          background-color: #fef9f0;
          color:#f2c26e;
        }
      }

    }
  }
  /*客户跟进历程*/
  .nav{
    text-align: center;
    margin-top: 20rpx;
    padding: 30rpx;
    background-color: #fff;
    position: relative;
    .title{
      font-size: 38rpx;
      font-weight: 700;
    }
    .nav_tab{
      display: flex;
      font-size: 30rpx;
      justify-content: center;
      margin-top: 10rpx;
      text{
        margin: 0 10rpx;
      }
      .actived{
        font-size: 28rpx;
        color:#999;
        transition: .3s;
        margin-top: 4rpx;
      }
    }
    .finance_record{
      position: absolute;
      top: 40rpx;
      right: 30rpx;
      font-size: 28rpx;
      color:#999;
    }
  }
  /*历程时间轴*/
  .message{
    padding: 30rpx 0;
    .time_mes{
      padding: 0 30rpx;
      display: flex;
      .time_line{
        position: relative;
        width: 3rpx;
        background-color: #999;
        margin: 0 10rpx 0 20rpx;
        image {
          position: absolute;
          top:40rpx;
          left:-16rpx;
          width: 36rpx;
          height: 36rpx;
        }
      }
      .content{
        padding-top: 38rpx;
        width: 100%;
        .date{
          font-size: 28rpx;
          color:#999;
          margin-left: 16rpx;
        }
        .content_mes{
          font-size: 30rpx;
          background-color: #fff;
          margin: 30rpx 0;
          padding: 20rpx 16rpx;
          border-radius: 10rpx;
          .title_model{
            color:#0097ff;
            font-size: 36rpx;
            font-weight: 700;
            margin-bottom: 20rpx;
            padding-bottom: 20rpx;
            border-bottom: 1px solid #f0f0f0;
          }
          /*回访记录*/
          .return_record{
            margin-top: 30rpx;
            .imgs{
              display: flex;
              flex-wrap: wrap;
              image{
                width: 31%;
                height: 200rpx;
                margin:30rpx 20rpx 30rpx 0;
              }
              image:nth-of-type(3n){
                margin-right:0;
              }
            }

            .output-audio{
              margin: 0 10rpx 10rpx;
              width: 30%;
              .audio{
                padding: 42rpx 0;
                border-radius: 10rpx;
                background-color: #f0f0f0;
                text-align: center;
                .ico{
                  width: 80rpx;
                  height: 80rpx;
                }
              }
            }
          }
          .recode_people{
            text-align: right;
            margin-top: 20rpx;
            font-size: 28rpx;
            color:#999;
          }
          /*评价*/
          .evaluate{
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 30rpx;
            margin-bottom: 30rpx;
            .star_style{
              margin-top:16rpx;
              display:flex;
              justify-content:center;
              image{
                width:26rpx;
                height:26rpx;
                margin-left: 10rpx;
              }
            }
          }
          .source{
            font-size: 26rpx;
            color:#999;
            text-align: right;
          }
          /*活动列表*/
          .activity_content{
            background-color: #fff;
            margin-top: 20rpx;
            navigator{
              display: flex;
              .content_img{
                width: 290rpx;
                height: 194rpx;
                position: relative;
                margin-right: 16rpx;
                image{
                  width: 290rpx;
                  height: 194rpx;
                  border-radius: 10rpx;
                }
                text{
                  position: absolute;
                  top:18rpx;
                  right:18rpx;
                  font-size: 26rpx;
                  color: #fff;
                  padding:6rpx 10rpx;
                  border-radius: 4rpx;
                  background-color: rgba(0,0,0,0.7);
                }
              }
              .activity_mes{
                display:flex;
                flex-direction:column;
                justify-content:space-between;
                font-size: 26rpx;
                width:300rpx;
                color:#999;
                .top{
                  .title{
                    font-size: 32rpx;
                    color:#000;
                    max-height:78rpx;
                    line-height:40rpx;
                    overflow:hidden;
                    text-overflow:ellipsis;
                    display:-webkit-box;
                    word-break:break-all;
                    -webkit-box-orient:vertical;
                    -webkit-line-clamp:2;
                  }
                  .address{
                    max-width:380rpx;
                    overflow: hidden;
                    text-overflow:ellipsis;
                    white-space:nowrap;
                  }
                  .time{
                    margin-top:16rpx;
                  }
                }
                .bottom{
                  display: flex;
                  justify-content: space-between;
                  .sprice{
                    color:#e64340;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  /*底部*/
  .footer{
    width: 100%;
    position: fixed;
    bottom:0;
    lsft:0;
    display: flex;
    text-align: center;
    align-items: center;
    font-size: 30rpx;
    z-index: 99;
    .add_department{
      flex: 2;
      navigator{
        background-color: #f0f0f0;
        padding: 24rpx 0;
      }
    }
    .add_staff{
      flex: 3;
      color:#fff;
      background-color: #0097ff;
      padding: 24rpx 0;
    }
  }
  .empty_message{
    background-color: #fff;
  }
}